  .mypage {
    background-color: #EDEDED;
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 顶部对齐 */
    padding: 20px 0 0 0; 
    width: 100%;
    gap: 35px; /* 左右之间的间距 */
  }

  .mypage-right {
    width: 60%;
    border-radius: 8px;
    margin-left: 100px; /* 在屏幕大于 1024px 时，给右侧区域添加左边距 */
    box-sizing: border-box; /* 确保 padding 不会影响整体宽度 */
  }
  
  /* ��Ӧʽ��� */
  @media (max-width: 768px) {
    .mypage-container {
      flex-direction: column; /* С���豸ʱ����Ϊ�������� */
      gap: 20px;
    }
  
    .mypage-nav {
      flex: 1;
    }
  
    .mypage-content {
      flex: 1;
    }
  }
  